<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .box {
        width: 500px;
        margin: 100px auto;
        border: 1px solid #ccc;
        /* vertical-align: middle; */
        /* background-color: rgba(50, 199, 162, 0.5); */
        /* background-image: linear-gradient(#64e664, #9198e5, #0b1691); */
    }

    img {
        width: 100px;
        height: 100%;
        vertical-align: middle;
    }
</style>

<body>
    <div class="box">
        <!-- <img src="../img/erweima1.jpg" alt=""> -->
        <img src="https://i.postimg.cc/63YdXb05/erweima.jpg" alt="">
        <span>你就是头笨猪</span>
    </div>
</body>

</html>